<template>
    <div id="app">
       <header>
           <ul>
           <router-link to='/'>
				<li><img src="../assets/imgs/6_03.png" height="30" width="21"></li>
      </router-link>
				<li v-for="info in infos">{{info.text}}</li>
           </ul>
       </header>
       <section>
           <div class="section-click">
           		<ul>
	       	   	  <li>
	       	   	  	 <img src="../assets/imgs/6_07.png">
	       	   	  	 
	       	   	  </li>
	       	   	  <li>
	       	   	  	 登录 / 注册
	       	   	  </li>       	   	 
	       	    </ul>
	       	    <button>赚金币</button>
           </div>
           <div class="section-tab">
              <div class="section-tab-ul">
                  <ul>
                     <li>金币兑换</li>
                     <li>兑换明细</li>
                  </ul>
              </div>
              <div class="section-tab-qiehuan">
                  <ul>
                     <li><img src="../assets/imgs/6_3.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
                   <ul>
                     <li><img src="../assets/imgs/6_3.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
              </div>
               <div class="section-tab-qiehuan">
                  <ul>
                     <li><img src="../assets/imgs/6_22.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
                   <ul>
                     <li><img src="../assets/imgs/6_21.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
              </div>
               <div class="section-tab-qiehuan">
                  <ul>
                     <li><img src="../assets/imgs/6_3.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
                   <ul>
                     <li><img src="../assets/imgs/6_3.png"></li>
                     <li><img src="../assets/imgs/6_18.png">1500<span>库存：14</span></li>
                  </ul>
              </div>
           </div>
       </section>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      infos:[
     	 {text:'金币商城'},
     	 {text:'记录'}
      ]
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/Gold_coin_shop.less";
   @import "../assets/css/reset.css";
</style>
